require(['./config'],()=>{
    require(['template','swiper','header','footer'],(template,Swiper)=>{
        class Index{
            constructor(){
                this.list1()
                this.list2()
                this.list3()
                this.list4()
                this.list5()
                this.lunbo()
                this.change()
            }
            list1(){
                $.get('http://rap2.taobao.org:38080/app/mock/258602/api/list1',resp=>{
                    if(resp.code===200){
                        const {list}=resp.body;
                        $('#ul1').html(template('list1',{list}))
                    }
                })
            }
            list2(){
                $.get('http://rap2.taobao.org:38080/app/mock/258602/api/list2',resp=>{
                   if(resp.code===200){
                       const {list}=resp.body;
                       $('#ul2').html(template('list2',{list}))
                   }
                })
            }
            list3(){
                $.get('http://rap2.taobao.org:38080/app/mock/258602/api/list2',resp=>{
                   if(resp.code===200){
                       const {list}=resp.body;
                       $('#ul3').html(template('list3',{list}))
                   }
                })
            }
            list4(){
                $.get('http://rap2.taobao.org:38080/app/mock/258602/api/list2',resp=>{
                   if(resp.code===200){
                       const {list}=resp.body;
                       $('#ul4').html(template('list4',{list}))
                   }
                })
            }
            list5(){
                $.get('http://rap2.taobao.org:38080/app/mock/258602/api/list2',resp=>{
                   if(resp.code===200){
                       const {list}=resp.body;
                       $('#ul5').html(template('list5',{list}))
                   }
                })
            }
            lunbo(){
                var mySwiper = new Swiper ('.swiper-container', {
                    loop: true, // 循环模式选项
                    
                    // 如果需要分页器
                    pagination: {
                      el: '.swiper-pagination',
                    },
                    
                    // 如果需要前进后退按钮
                    navigation: {
                      nextEl: '.swiper-button-next',
                      prevEl: '.swiper-button-prev',
                    },
                    
                    // 如果需要滚动条
                    scrollbar: {
                      el: '.swiper-scrollbar',
                    },
                    autopaly:3000
                  })        
            }
            change(){
                //换一波商品列表，重新请求渲染
                $('.div1 .title span').on('click',function(){
                    $.get('http://rap2.taobao.org:38080/app/mock/258602/api/list1',resp=>{
                    if(resp.code===200){
                        const {list}=resp.body;
                        $('#ul1').html(template('list1',{list}))
                    }
                })
                })
            }

        }
        new Index()
    })
})